<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <center>
            <h:form>

                Cadastro de usuário<br/>
                <p:panelGrid columns="2">
                    Usuário:<h:inputText value="#{usuarioBean.usuario.usuario}" id="usuario" required="true" requiredMessage="O campo usuário é obrigatório."/>
                    Senha:<h:inputText value="#{usuarioBean.usuario.senha}"/>
                    Permissão:<p:selectOneMenu  value="#{usuarioBean.usuario.permissao}">
                        <f:selectItem itemLabel="Selecione a permissão" itemValue=""/>
                        <f:selectItems value="#{usuarioBean.list}" var="lista" 
                                       itemLabel="#{lista}" 
                                       itemValue="#{lista}"/>

                    </p:selectOneMenu>
                    <h:inputHidden/>
                    <p:commandButton value="Cadastrar usuário" action="#{usuarioBean.inserirUsuario()}"/>

                </p:panelGrid>

            </h:form>

            <br/><br/>

            <p:dataTable id="tabela" value="#{usuarioBean.listarUsuarios()}" var="dados">
                <p:column>
                    <f:facet name="header">
                        ID
                    </f:facet>
                    <h:outputText value="#{dados.id}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        USUÁRIO
                    </f:facet>
                    <h:outputText value="#{dados.usuario}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        SENHA
                    </f:facet>
                    <h:outputText value="#{dados.senha}"/>
                </p:column>
                
                <p:column>
                    <f:facet name="header">
                        PERMISSÃO
                    </f:facet>
                    <h:outputText value="#{dados.permissao}"/>

                </p:column>
                <p:column>
                    <f:facet name="header">
                        AÇÕES
                    </f:facet>
                    <h:form>
                        <p:growl id="message" showDetail="true"/>    
                            <p:commandButton value="Remover" action="#{usuarioBean.removeUsuario(dados)}" update=":tabela">
                                <p:confirm header="Confirmation" message="Tem certeza que deseja excluir o usuário #{dados.usuario}?" icon="ui-icon-alert"/>
                            </p:commandButton>
                            <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
                                <p:commandButton value="Sim" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>
                                <p:commandButton value="Não" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
                            </p:confirmDialog>

                            |
                            <p:commandButton value="Trocar senha" action="#{usuarioBean.caminhoTrocarSenha(dados)}" />
                    </h:form>
                </p:column>


            </p:dataTable>


        </center>
    </h:body>
</html>

